<div class="wrapper wrapper-content" ng-controller="WindFarmMasterController">
	<div class="row">
		<div class="col-lg-12">
			<div class="tabs-container">
				<uib-tabset>
					<uib-tab heading="{{'COMMON.WIND_FARM' | translate}}">
						<div class="panel-body" ng-controller="WindFarmController">
							<a ng-click="addWindFarm()" class="btn btn-primary btn-rounded  btn-outline" href=""><i class="fa fa-plus-circle"></i> {{'SETTING.ADD_WIND_FARM' | translate}}</a>
							<a ng-click="importWindFarm()" class="btn btn-primary btn-rounded  btn-outline" href=""><i class="fa fa-plus-circle"></i> {{'SETTING.IMPORT' | translate}}</a>
							<table class="footable table table-bordered table-hover" data-sort="true" data-page-size="15">
								<thead>
									<tr>
										<th class="text-center" data-type="numeric">{{'SETTING.ID' | translate}}</th>
										<th class="text-center">{{'SETTING.NAME' | translate}}</th>
										<th class="text-center">{{'WIND_FARM.ADDRESS' | translate}}</th>
										<th class="text-center">{{'WIND_FARM.POSTAL_CODE' | translate}}</th>
										<th class="text-center">{{'WIND_FARM.LATITUDE' | translate}}</th>
										<th class="text-center">{{'WIND_FARM.LONGITUDE' | translate}}</th>
										<th class="text-center">{{'WIND_FARM.RATED_POWER' | translate}}(kW)</th>
										<th class="text-center">{{'SETTING.CONTACT' | translate}}</th>
										<th class="text-center">{{'SETTING.COSTCENTER' | translate}}</th>
										<th class="text-center">{{'SETTING.DESCRIPTION' | translate}} ({{'SETTING.OPTIONAL' | translate}})</th>
										<th class="text-center">{{'SETTING.ACTION' | translate}}</th>
									</tr>
								</thead>
								<tbody>
									<tr ng-repeat="windfarm in windfarms">
										<td class="text-center">{{ windfarm.id }}</td>
										<td class="text-center">{{ windfarm.name }}</td>
										<td class="text-center">{{ windfarm.address }}</td>
										<td class="text-center">{{ windfarm.postal_code }}</td>
										<td class="text-center">{{ windfarm.latitude }}</td>
										<td class="text-center">{{ windfarm.longitude }}</td>
										<td class="text-center">{{ windfarm.rated_power }}</td>
										<td class="text-center">{{ windfarm.contact.name }}</td>
										<td class="text-center">{{ windfarm.cost_center.name }}</td>
										<td class="text-center">{{ windfarm.description }}</td>
										<td class="text-center">
											<a ng-click="editWindFarm(windfarm)" class="btn btn-primary btn-rounded btn-xs" >{{'SETTING.EDIT' | translate}}</a>
											<a ng-click="deleteWindFarm(windfarm)" class="btn btn-danger btn-rounded btn-xs" >{{'SETTING.DELETE' | translate}}</a>
											<a ng-click="exportWindFarm(windfarm)" class="btn btn-danger btn-rounded btn-xs" >{{'SETTING.EXPORT' | translate}}</a>
											<a ng-click="cloneWindFarm(windfarm)" class="btn btn-danger btn-rounded btn-xs" >{{'SETTING.CLONE' | translate}}</a>
										</td>
									</tr>
								</tbody>
								<tfoot class="hide-if-no-paging">
									<tr>
										<td colspan="6">
											<ul class="pagination pull-right"></ul>
										</td>
									</tr>
								</tfoot>
							</table>
						</div>
					</uib-tab>
				</uib-tabset>
			</div>
		</div>
	</div>
</div>
